<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JSP Page</title>
        <LINK REL=StyleSheet HREF="./css/main2.css" TYPE="text/css">
    </head>
    <body>        
        <div id="page_head">
            <div class="wrapper">
                <div id="header_container">
                    <div id="logo">
                        <a href="dashboard.jsp">
                            <img src="./imgs/logo2.png" height="80" width="237"/>
                        </a>
                    </div>
                    <div id="header_links">
                        <div id="top_header_links">
                            <div class="top_header_btn">
                                <a href="accountSettings.jsp">Account Settings</a>
                            </div>
                            <div class="top_header_btn">
                                <a href="LoginServlet?action=logout">Log Out</a>
                            </div>
                        </div>
                        <div id="bottom_header_links">
                            <div class="bottom_header_btn">
                                <a href="dashboard.jsp">Home</a>
                            </div>
                            <div class="bottom_header_btn">
                                <a href="calendar.jsp">Calendar</a>
                            </div>
                            <div class="bottom_header_btn">
                                <a href="plans.jsp">Plans</a>
                            </div>
                            <div class="bottom_header_btn">
                                <a href="data.jsp">Data</a>
                            </div>
                            <div class="bottom_header_btn">
                                <a href="friends.jsp">Friends</a>
                            </div>
                        </div>
                    </div>
                    <div class="clear"></div>
                </div>
            </div>
        </div>
        <!-- page_head -->
        <div id="sticky_top">
            <div class="wrapper">
                <div class="left_nav">
                    <div class="event_container">
                        <div class="event_title">
                            <span>Run three miles</span>
                        </div>
                        <div class="event_details">
                            <span>Run three miles. It'll be fun. It's healthy. This is the content.</span>
                        </div>
                    </div>
                    <div class="event_container">
                        <div class="event_title">
                            <span>Walk the dog</span>
                        </div>
                        <div class="event_details">
                            <span>Sparky needs to be walked at least three miles per day. She is a very, very active dog.</span>
                        </div>
                    </div>
                    <div class="event_container">
                        <div class="event_title">
                            <span>Record your BP</span>
                        </div>
                        <div class="event_details">
                            <span>Enter your blood pressure for Dr. Who. He needs it to prescribe diabetes medication.</span>
                        </div>
                    </div>
                    <div class="event_container">
                        <div class="event_title">
                            <span>Eat 100g of protein</span>
                        </div>
                        <div class="event_details">
                            <span>4 turkey legs, 2 sandwiches, 1 whole chicken...</span>
                        </div>
                    </div>
                    <div class="event_container">
                        <div class="event_title">
                            <span>Go to gym</span>
                        </div>
                        <div class="event_details">
                            <span>Spend at least one hour at the gym.  Any combination of workouts will suffice.</span>
                        </div>
                    </div>
                </div>
                <div class="page_body">
                    <div id="calendar_title">
                        April, 2012
                    </div>
                    <div class="calendar">
                        <table>
                            <c:forEach var="i" begin="1" end="6" varStatus="i">
                                <tr>
                                    
                                </tr>
                            </c:forEach>
                        </table>
                    </div>
                </div>
                <!-- dashboard container -->
            </div>
            <!-- main -->
        </div>
            <!-- bg -->
        <div id="sticky_push">
        </div>
        <!-- sticky_top -->
        <div id="sticky_bottom">
            <div class="wrapper">
                Hello this is the footer! place holder text.
            </div>
        </div>
        <!-- sticky bottom-->
    </body>
</html>
